@import "../../common/mixins/index.less";
@page-popup-prefix-cls: ~"@{prefix}-page-popup";
.@{page-popup-prefix-cls} {
  .btn {
    margin-top: 20px;
    display: flex;
    justify-content: center;
  }
}
.demo-content {
  width: 500px;
  height: 500px;
  text-align: center;
  background: #fff;
  margin: 0 auto;
  // padding: 0 40px;
}
.demo-slide-content {
    width: 100vw;
    height: 400px;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    border-radius:10px 10px 0 0 ;
  }
  .demo-right-content {
    width: 600px;
    height: 100vh;
    text-align: center;
    background: #fff;
    border-radius:10px 0px 0 10px ;
  }
  .demo-left-content {
    width: 600px;
    height: 100vh;
    text-align: center;
    background: #fff;
    border-radius:0px 10px 10px 0px ;
  }
  .demo-top-content {
    width: 100vw;
    height: 400px;
    text-align: center;
    background: #fff;
    border-radius:0px 0px 10px 10px ;
  }